<!DOCTYPE html>  
<html lang="en">  
<meta name="viewport" content="width=device-width,initial-scale=1">
<head> 
    <meta charset="UTF-8">  
    <title>Document</title>
</head>
<body>
    <button class="btn">asdasd</button>
</body>
</html>
<script src="https://www.jq22.com/jquery/jquery-1.9.1.js"></script>
<script src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script src="./js/sha1.js"></script>
<script>
    $(function(){
        var appid = "自己的appid"
        var url = "http://127.0.0.1:8000"
        if(GetQueryValue("code") == null){
            location.href = "https://open.weixin.qq.com/connect/oauth2/authorize?appid="+appid+"&redirect_uri=http://127.0.0.1:8080&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect "
        }else{
            $.get(url+'/wxtoken/getUserInfo?code='+GetQueryValue("code"),function(res){
                console.log(res)
            })

            $.get(url+'/wxtoken/wxToken/',function(data){
                data = JSON.parse(data)
                locationUrl = location.href.split('#')[0]
                $.post(url+'/wxtoken/wxTicket/',{access_token:data.access_token,url:locationUrl},function(res){
                    res = JSON.parse(res)
                    wx.config({
                        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                        appId: 'wx08b045c7276eb2cd', // 必填，公众号的唯一标识
                        timestamp: res.timestamp, // 必填，生成签名的时间戳
                        nonceStr: res.noncestr, // 必填，生成签名的随机串
                        signature: res.signature,// 必填，签名
                        jsApiList: ['onMenuShareTimeline','chooseImage'] // 必填，需要使用的JS接口列表
                    }); 

                    wx.ready(function(){
                        wx.onMenuShareTimeline({ 
                            title: 'ssasasd', // 分享标题
                            link: '5ih6u4.natappfree.cc', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                            imgUrl: '', // 分享图标
                            success: function () {
                                var i=0
                                i++
                                $(".btn").html("a"+i)
                            // 设置成功
                            }
                        })
                    });

                    wx.error(function(res){
                        console.log('错误')
                    })
                })
            })
        }
      

        $('.btn').click(function(){
            wx.chooseImage({
                count: 1, // 默认9
                sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
                sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
                success: function (res) {
                var localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
                }
            });
        })

        function GetQueryValue(queryName) {
            var query = decodeURI(window.location.search.substring(1));
            var vars = query.split("&");
            for (var i = 0; i < vars.length; i++) {
                var pair = vars[i].split("=");
                if (pair[0] == queryName) { return pair[1]; }
            }
            return null;
        }
    })
</script>